<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/report/demos.css" type="text/css" media="screen" />

    <script src="${pageContext.request.contextPath}/js/RGraph/libraries/RGraph.common.core.js" ></script>
    <script src="${pageContext.request.contextPath}/js/RGraph/libraries/RGraph.bar.js" ></script>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
	
    <!--[if lt IE 9]><script src="../excanvas/excanvas.js"></script><![endif]-->
    
    <title>3d报表</title>
</head>
<body>

    <title>3d报表</title>

    <canvas id="cvs" width="600" height="250">[No canvas support]</canvas>

    <script>
        $(function ()
        {
        	var dsid = '${dsid}';
            var bar4 = new RGraph.Bar('cvs', [[21,31],[13, 43],[42, 25],[42, 29],[59, 28],[40, 10]])
                .Set('colors', ['#2A17B1', '#98ED00'])
                .Set('labels', ['2007', '2008', '2009', '2010', '2011', '2012'])
                .Set('gutter.top',40)
                .Set('numyticks', 5)
                .Set('ylabels.count', 5)
                .Set('gutter.left', 35)
                .Set('variant', '3d')
                .Set('strokestyle', 'transparent')
                .Set('title','报表统计')
                .Set('hmargin.grouped', 0)
                .Set('scale.round', true)
                .Draw();
        });
    </script>
</body>
</html>
